<div style="overflow-x: hidden;">
    <ul class="nav nav-tabs" id="myTab">
        <li style="width: 120px; text-align: center;" class="active">
            <a href="#replayinfo" id="taskoperatelab" role="tab" data-toggle="tab">轨迹查看</a>
        </li>
        <li id="taskMapLi" style="width: 120px; text-align: center;" >
            <a href="#replayMap" id="taskMaplab" role="tab" data-toggle="tab">轨迹地图</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane fade in active" id="replayinfo">
            <div id="searchBlock">
                <form id="searchForm">
                    <div class="row">
                                    <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="startTimeCondition" class="col-md-4 control-label"></span>开始时间:</label>
                                <div class="col-md-8">
                                    <input id="startTimeCondition" type="text" name="startTimeCondition" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="endTimeCondition" class="col-md-4 control-label"></span>结束时间:</label>
                                <div class="col-md-8">
                                    <input id="endTimeCondition" type="text" name="endTimeCondition" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="projectName"></span>项目名称</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="projectName" name="projectName" >
                                        <option value="" disabled selected style="display:none;">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="taskName"></span><span class="requird">*</span>任务名称</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="taskName" name="taskName" >
                                        <option value="" disabled selected style="display:none;">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!--
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="taskIdCondition" class="col-md-4 control-label"></span>任务Id:</label>
                                <div class="col-md-8">
                                    <input id="taskIdCondition" type="text" name="taskIdCondition" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="remarkCondition" class="col-md-4 control-label"></span>备注:</label>
                                <div class="col-md-8">
                                    <input id="remarkCondition" type="text" name="remarkCondition" class="form-control">
                                </div>
                            </div>
                        </div>
                        -->
                    </div>
                    <div class="row" style="text-align: center;">
                        <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                        <button id="btnReset" class="btn btn-default" type="button">重置</button>
                    </div>
                </form>
            </div>
            <div id="hddcCjHistorypointsGrid" style="height: 515px;"></div>
        </div>

        <div class="tab-pane fade" id="replayMap" >
            <div id="hddctask-mapDiv" class="init-mapDiv">
                <div id="hddctask-map" style="position:absolute;top:0px;left:0px;width:1360px;height:496px;"></div>
                <div id="maptype_displaybutton">
                    <input type="button" id="button-maptypeDisplayDiv" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="底图" />
                </div>
                <div id="maptype-maptypeDisplayDiv" style="display:none">
                    <div id="maptype1-DisplayDiv" class="maptypeselect" align="left" style="margin-left:18px;margin-right:10px;float:left"><img  id="maptype1-DisplayImage" style='cursor:pointer;display:block;margin-top: 8px;' title="地图" src="/static/app/hddc/hddccjtask/images/vec.jpg"><br/><span id="maptype1-DisplayName" style='text-align: center;display:block;font-size:14px;'>标准地图</span></div>
                    <div id="maptype2-DisplayDiv" class="maptypeselect" align="left" style="margin-left:10px;margin-right:10px;float:left" ><img  id="maptype2-DisplayImage" style='cursor:pointer;display:block;margin-top: 8px;' title="影像" src="/static/app/hddc/hddccjtask/images/img.jpg"><br/><span id="maptype2-DisplayName" style='text-align: center;display:block;font-size:14px;'>影像地图</span></div>
                    <div id="maptype3-DisplayDiv" class="maptypeselect" align="left" style="margin-left:10px;margin-right:10px;float:left"><img  id="maptype3-DisplayImage" style='cursor:pointer;display:block;margin-top: 8px;' title="地形" src="/static/app/hddc/hddccjtask/images/ter.jpg"><br/><span id="maptype3-DisplayName" style='text-align: center;display:block;font-size:14px;'>地形地图</span></div>
                </div>
            </div>
        </div>
    </div>
</div>